/*
 * @Author: zhanggongze
 * @Date: 2021-12-09 14:46:02
 * @LastEditors: zgz
 * @LastEditTime: 2022-02-25 16:58:05
 * @FilePath: \code\src\app\check_menu\check_menu.component.ts
 * @Description: 
 * Copyright (c) 2022 by 汉吉健康, All Rights Reserved. 
 */
import { HttpClient } from '@angular/common/http';
import { Component, OnInit, ViewChild } from '@angular/core';

import { Router } from '@angular/router';
import { NzMessageService } from 'ng-zorro-antd/message';
import { NzModalService } from 'ng-zorro-antd/modal';
import { CoolLocalStorage } from '../common/services/coolStorage/cool-local-storage';
import { CoolSessionStorage } from '../common/services/coolStorage/cool-session-storage';
import { HttpClientService } from '../common/services/httpClient/http';
import { CheckMenuService } from './service/check_menu.service';
import * as XLSX from 'xlsx';
import { fromEvent } from 'rxjs'; //引入

@Component({
  selector: 'app-check_menu',
  templateUrl: './check_menu.component.html',
  styleUrls: ['./check_menu.component.scss']
})

export class CheckMenuComponent implements OnInit {

  listOfData = [
    {
      "name": "CT",
      "check": true,
      "items": [
        {
          "check_name": "肺部CT1",
          "check_price": 198,
          "check_introduce": "这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，"
        },
        {
          "check_name": "肺部CT2",
          "check_price": 198,
          "check_introduce": "这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，"
        },
        {
          "check_name": "肺部CT3",
          "check_price": 198,
          "check_introduce": "这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，"
        },
        {
          "check_name": "肺部CT4",
          "check_price": 198,
          "check_introduce": "这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，"
        },
        {
          "check_name": "肺部CT5",
          "check_price": 198,
          "check_introduce": "这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，"
        },
        {
          "check_name": "肺部CT6",
          "check_price": 198,
          "check_introduce": "这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，"
        },
        {
          "check_name": "肺部CT7",
          "check_price": 198,
          "check_introduce": "这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，"
        },
        {
          "check_name": "肺部CT8",
          "check_price": 198,
          "check_introduce": "这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，"
        },
        {
          "check_name": "头部CT9",
          "check_price": 689,
          "check_introduce": "这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，这是肺部CT的介绍，"
        }
      ],
      "rowspan": 3
    },
    {
      "name": "MR",
      "check": false,
      "items": [
        {
          "check_name": "头部MR",
          "check_price": 269,
          "check_introduce": "这是头部MR的介绍，这是头部MR的介绍，这是头部MR的介绍，这是头部MR的介绍，这是头部MR的介绍，这是头部MR的介绍，这是头部MR的介绍，这是头部MR的介绍，这是头部MR的介绍，这是头部MR的介绍，这是头部MR的介绍，这是头部MR的介绍，这是头部MR的介绍，"
        },
        {
          "check_name": "胸部MR",
          "check_price": 669,
          "check_introduce": "这是胸部MR的介绍"
        }
      ],
      "rowspan": 3
    },
    {
      "name": "影像",
      "check": false,
      "items": [
        {
          "check_name": "头部影像",
          "check_price": 168,
          "check_introduce": "头部影像介绍头部影像介绍头部影像介绍头部影像介绍头部影像介绍"
        }
      ],
      "rowspan": 2
    }
  ]

  menus: any = this.listOfData[0].items;

  constructor(
    public router: Router,
    private service: CheckMenuService,
    private sessionStorage: CoolSessionStorage,
    private message: NzMessageService,
    private modalService: NzModalService,
    private httpClient: HttpClientService,
    private http: HttpClient,
    private localStorage: CoolLocalStorage,

  ) { }
  subscribeScoll: any;
  scrollDis: any = {
    _top: 0
  }

  ngOnInit() {}

  check_item(item: any) {
    this.listOfData.forEach(element => {
      element.check = false;
    });
    item.check = true;
    this.menus = item.items;
  }

  scrollEvent() {
    let o: any = document.getElementById('hy_menu')
    this.subscribeScoll = fromEvent(o, 'scroll')
      .subscribe((event) => {
        console.log(o.scrollTop);
      });
  }

  setScroll() {
    let o: any = document.getElementById('hy_menu');
    o.scrollBy(0, 216);
    // o.scrollBy(0,200);


  }


}

